* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 16px;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #666;
}

img {
	vertical-align: bottom;
}
i,b{
	font-style: normal;
}
body {
	background: #f8f8f8;
	min-width: 1200px;
	overflow-x: hidden;
}
.mt20{
	margin-top: 20px;
}

.overflow {
	overflow: hidden;
}

.mt40 {
	margin-top: 40px;
}

.center {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.head {
	width: 100%;
	height: 66px;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.head img {
	position: absolute;
	left: 0;
	top: 8px;
}

.headList {
	margin-left: 360px;
}

.headList li {
	float: left;
	height: 66px;
	line-height: 66px;
	text-align: center;
	position: relative;
}

.headList li a {
	color: #fff;
	display: inline-block;
	width: 140px;
	height: 100%;
}

.headList li:hover {
	background: #102446;
	font-weight: 700;
}

.headList li.show:hover .item {
	transition: all .5s;
	height: 120px;
	padding: 15px 0;
}

.headList .item {
	position: absolute;
	left: 0;
	top: 66px;
	background: #102446;
	z-index: 100;
	height: 0;
	overflow: hidden;
}

.headList .item a {
	height: 40px;
	color: #e2e2e2;
	line-height: 40px;
	display: block;
	font-weight: 100;
}


/*轮播图*/

.flexslider {
	margin: 0px auto 0px;
	position: relative;
	height: 460px;
	overflow: hidden;
	zoom: 1;
	margin-top: 66px;
}

.flexslider .slides>li {
	width: 100%;
	height: 100%;
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 30px;
	text-align: center;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 60px;
	height: 6px;
	text-indent: -9999px;
	margin: 0 .3em;
	background: rgba(0, 0, 0, .3);
	display: inline-block;
	*display: inline;
	zoom: 1;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background: rgba(255, 255, 255, .8);
}

.flexslider .slides a img {
	width: 100%;
	height: 460px;
	display: block;
}


/*宣传区*/

.col {
	overflow: hidden;
	margin: 0 -12px;
}

.col3 {
	width: 33.333%;
	float: left;
}

.col3 .box {
	background: #fff;
	padding: 45px 0;
	margin: 0 12px;
	border: 1px solid #e2e2e2;
	text-align: center;
}
.col3 .box:hover{
	border-color: #3e88f1;
}
.icon {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/script.png);
}

.icon.icon1 {
	background-position: 0 0;
}

.icon.icon2 {
	background-position: -60px 0;
}

.icon.icon3 {
	background-position: -120px 0;
}

.box h3 {
	font-size: 22px;
	margin-top: 20px;
	font-weight: normal;
}

.box li {
	color: #666;
	line-height: 25px;
}

.box li span {
	font-size: 35px;
	vertical-align: bottom;
	margin-right: 10px;
}

.box ul {
	margin-top: 30px;
}


/*标题*/

.title {
	text-align: center;
	padding: 35px 0;
}

.title h1 {
	font-size: 36px;
	color: #000;
	font-weight: 100;
	margin-bottom: 20px;
}
.title h1 a{
	font-size: 36px;
	color: #000;
	font-weight: 100;
}
.title h1 a.jump {
	display: inline-block;
	width: 34px;
	height: 34px;
	background-position: -180px 0;
	position: relative;
	top: 5px;
	left: 28px;
}

.title p {
	font-size: 18px;
	color: #666;
}

.title_other.title h1 {
	color: #FFFFFF;
}

.title_other.title p {
	color: #cfcfcf;
}

.title_other.title h1 a {
	background-position: -180px -40px;
}

.title h1 a:hover {
	background-position: -214px 0;
}


/*技术支撑*/

.technology {
	background: #333 url(../images/line_pattern.png) no-repeat bottom center;
	height: 520px;
}

.center1600 {
	/*width: 1600px;*/
	/*background: url(../images/line_pattern.png) no-repeat center;*/
}
/**/
@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

.iconBox {
	height: 360px;
	position: relative;
}

.zIndex {
	position: absolute;
}

.zIndexBorder {
	background: #333;
	border: 1px dashed #494949;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.zIndex:hover .zIndexBorder{
	cursor: pointer;
	border-color: #5740bb;
	-webkit-animation: 8s infinite linear loading;
}
.circle {
	position: relative;
	left: 50%;
	top: 50%;
	background: #494949;
	border-radius: 50%;
	color: #FFFFFF;
	text-align: center;
}
.z85 {
	width: 115px;
	height: 115px;
}
.z74 {
	width: 100px;
	height: 100px;
}
.z66 {
	width: 88px;
	height: 88px;
}
.z85 .circle {
	height: 85px;
	width: 85px;
	margin-left: -42.5px;
	margin-top: -42.5px;
	line-height: 85px;
}
.z74 .circle {
	height: 74px;
	width: 74px;
	margin-left: -37px;
	margin-top: -37px;
	line-height: 74px;
}
.z66 .circle {
	height: 66px;
	width: 66px;
	margin-left: -33px;
	margin-top: -33px;
	line-height: 66px;
}
.zIndex.z85:hover .circle{
	background: url(../images/linear85.png);
}
.zIndex.z74:hover .circle{
	background: url(../images/linear74.png);
}
.zIndex.z66:hover .circle{
	background: url(../images/linear66.png);
}
/**/
.z85one{
	right:368px;
	top:15px;
}
.z85two{
	right: 263px;
	top: 150px;
}
.z85three{
	right: -115px;
	top: 155px;
}
.z85four{
	left: 240px;
	top: 177px;
}
.z74one{
	left: 20px;
	top: 133px;
}
.z74two{
	top:50px;
	left: 300px;
}
.z66one{
	left: -217px;
	top: 103px;
}
.z66two{
	right: 78px;
	top: 216px;
}
.z66three{
	right: 113px;
	top: 70px;
}
.z66four{
	right: -233px;
	top: 145px;
}
/**/
.zLogo {
	width: 175px;
	height: 175px;
	left:50%;
	margin-left: -88px;
	top: 10%;
}

.zIndex .bgImg {
	width: 175px;
	height: 175px;
	background: #333;
	border-radius: 50%;
	border: 1px dashed #0e5460;
	box-sizing: border-box;
	-webkit-animation: 8s infinite linear loading;
}

.zIndex img {
	position: absolute;
	left: 22px;
	top: 22px;
}


/*经典案例*/

.case {
	margin: 0 -6px;
	overflow: hidden;
}

.case li {
	width: 16.666%;
	float: left;
	text-align: center;
	margin-bottom: 24px;
	cursor: pointer;
}

.case li img {
	border: 1px solid #e2e2e2;
}

.case li img:hover {
	border-color: #3e88f1;
}


/*新闻资讯*/

.news {
	margin: 0 -12px;
	overflow: hidden;
	margin-bottom: 20px;
}

.news>li {
	float: left;
	width: 33.33%;
}

.news>li .newBox {
	/*background: #fff;*/
	/*height: 300px;*/
	margin: 0 12px;
}

.newTitle {
	font-size: 22px;
	color: #000;
	background: #FFFFFF;
	padding: 15px 20px;
	border: 1px solid #e2e2e2;
}

.newTitle span {
	color: #8c8c8c;
	margin-left: 10px;
}

.txtOver {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	margin: 15px 0 25px 0;
}

.newDetal li {
	padding: 3px 0;
	position: relative;
}

.newDetal li a {
	display: inline-block;
	margin: 0;
	font-size: 14px;
	color: #666;
	width: 65%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newDetal li a:hover {
	color: #3E88F1;
}

.newDetal li i {
	font-size: 14px;
	color: #666;
	float: right;
	font-style: normal;
}

.newDetal {
	margin-top: 10px;
}


/*联系我们*/

.contact {
	height: 550px;
	background: url(../images/contact_us.png) repeat-y;
}

.contact_title {
	font-size: 26px;
	margin-bottom: 20px;
	color: #FFFFFF;
	text-align: center;
}

.contact_b {
	border: 1px solid rgba(255, 255, 255, .2);
	width: 495px;
	height: 300px;
	color: #fff;
}

.contLeft {
	float: left;
}

.contRight {
	float: right;
}

.next_left {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -41px;
}

.p20 {
	padding: 20px;
}

.contact_b p {
	font-size: 20px;
}

.contact_tell {
	font-size: 30px;
	color: #f8f8f8;
}

.contact_item {
	margin-bottom: 25px;
}

.contact_tell.icon_small_3 {
	font-size: 22px;
}

.icon_small {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-right: 10px;
}

.icon_small_1 {
	background-position: 0 -74px;
}

.icon_small_2 {
	background-position: -21px -74px;
}

.icon_small_3 {
	background-position: -42px -74px;
}

.icon_small_tell {
	background-position: -63px -74px;
}

.contLeft .contact_tell {
	font-size: 16px;
	text-indent: 18px
}

.contLeft.contact_b p {
	font-size: 22px;
	/*margin-bottom: 10px;*/
}

.contLeft.contact_b p span {
	font-size: 35px;
	vertical-align: sub;
	margin-right: 10px;
}


/*底部*/

.foot {
	padding: 40px 0;
}
.foot_list{
	min-height: 200px;
}
.foot_list p {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
}

.foot_list>li {
	float: left;
	margin-right: 50px;
}

.foot_item li {
	margin-bottom: 10px;
}

.foot_item a {
	font-size: 14px;
	color: #666;
}

.code {
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 45px;
	right: 15px;
}

.code .contact_tell {
	color: #333;
	margin-top: 15px;
}

.copyright {
	color: #333;
	font-size: 14px;
	margin-top: 30px;
	padding: 15px 0 10px 0;
	border-top: 1px solid #e2e2e2;
}


/*解决方案*/

.picScroll-left {
	position: relative;
}

.picScroll-left .hd {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	width: 1200px;
}

.picScroll-left .hd .prev,
.picScroll-left .hd .next {
	display: inline-block;
	position: absolute;
}

.picScroll-left .hd .prev {
	left: -50px;
}

.picScroll-left .hd .next {
	right: -50px;
}

.picScroll-left .bd {
	border-top: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background: #fff;
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-left .bd ul li {
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	width: 299px;
	height: 330px;
	border-left: 1px solid #e2e2e2;
	position: relative;
}

.picScroll-left .bd ul li:hover {
	border: 1px solid #3e88f1;
	box-sizing: border-box;
}

.picScroll-left .bd ul li .pic {
	padding-top: 20px;
}

.solve {
	text-align: left;
	padding: 15px 20px;
}

.solve a {
	font-size: 22px;
	color: #000;
}

.solve p {
	color: #666;
	margin-top: 15px;
	line-height: 25px;
}
.pic .mask{
	width: 260px;
	height: 0px;
	position: absolute;
	top: 20px;
	left: 19px;
	background: #3e88f1;
	background: rgba(66,136,241,.5);
	transition: all 0.3s;
}
.pic .mask img{
	position: relative;
	top: 170px;
	transition: all 0.5s;
	z-index: -1;
}
.picScroll-left .bd ul li:hover .mask{
	height: 170px;
}
.picScroll-left .bd ul li:hover .mask img{
	top:60px;
	z-index: 1;
}
/*--------------------解决方案*/
/*banner*/
.banner{
	margin-top: 66px;
	background: url(../images/lb.png) no-repeat center;
	height: 250px;
}
.solution li{
	float: left;
	width: 33.333%;
	margin-bottom: 24px;

}
.solution .picList{
	margin: 0 -12px;
}
.solution_line{
	background: #FFFFFF;
	height: 530px;
	margin:0 12px;
	border:1px solid #e2e2e2
}
.solution_line .pic{
	padding: 20px 20px 0 20px;
}
.solution_line ul li{
	width: initial;
	position: relative;
	float: initial;
	padding-left: 20px;
	color: #666666;
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 10px;
}
.solution_line ul li span{
	width: 5px;
	height: 5px;
	background: #8c8c8c;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 10px;
}
.solution_line ul{
	margin-top: 15px;

}
.solution ul{
	overflow: hidden;
}
/**/
.picScroll-left.under .bd ul li{
	width: 298px;
	height: 350px;
}
.picScroll-left .bd ul li:hover{
	border: none;
	border-left: 1px solid #e2e2e2;
	box-sizing:initial
}
.company_infor{
	background: #ededed;
	/*padding: 20px;*/
	height: 300px;
	margin-top: 40px;
	position: relative;
}
.company{
	width: 560px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 20px;
}
.company p{
	text-indent: 2em;
	font-size: 14px;
	color: #333333;
	line-height: 28px;
}
.contactPic img{
	margin-bottom: 40px;
}
/*新闻*/
.new .newList:first-child{
	padding-top: 0;
}
.new{
	overflow: hidden;
	margin-bottom: 60px;
}
.new .right{
	width: 340px;
	float: right;
}
.newDetal span {
	width: 5px;
	height: 5px;
	background: #8c8c8c;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 10px;
	margin-left: 0;
}
.right .newDetal li{
	padding-left: 15px;
}
.right .newDetal li a{
	width:inherit;
}
.newTell{
	margin-top: 10px;
	height: 140px;
	background: url(../images/phoneBg.png) repeat-y;
}
.newTell p{
	color: #FFFFFF;
	font-size: 20px;

}
.newTell .contact_item{
	padding-left: 35px;
	padding-top: 35px;
}
.new .left{
	margin-right: 360px;
}
.newList{
	/*float: left;*/
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px solid #E2E2E2;
	/*background: red;*/
}
.newList img{
	width: 215px;
	height: 140px;
	float: left;
}
.newList .newCont{
	margin-left: 235px;

}
.newCont h3 a{
	font-size: 18px;
	color: #333;
	font-weight: 700;
}
.newCont p{
	font-size: 14px;
	color: #666;
	margin-top: 20px;
	line-height: 25px;
	min-height: 50px;

}
.newCont img{
	width: inherit;
	height: inherit;
	vertical-align: bottom;
	position: relative;
	top: 6px;
	margin-right: 5px;

}
.other{
	line-height: 21px;
	margin-top: 15px;
}
.other span{
	font-size: 12px;
	font-style: normal;
	color: #8c8c8c;
}
.other i{
	font-size: 12px;
	font-style: normal;
	float: right;
	color: #8c8c8c;
}
.loading {
	color: #666666;
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
}
.loading a{
	display: inline-block;
	width: 34px;
	height: 34px;
	background-position: -180px 0;
	position: relative;
	top: 10px;
	left: 20px;
}
.left h1{
	font-size: 22px;
	color: #333;
	font-weight: normal;
}
.newTxt{
	text-align: center;
}
.newTxt p{
	text-indent: 2em;
	font-size: 16px;
	color: #333;
	line-height: 35px;
	margin-bottom: 30px;
	text-align: left;
}
.other_num{
	margin-top:20px;
	margin-bottom: 30px;
}
.other_num img{
	margin-right: 5px;
}
.other_num,.other_num i{
	font-size: 12px;
	color: #8c8c8c;
	font-style: normal;
}
.other_num i{
	margin-left: 50px;
}
/**/
.leftTell{
	width: 384px;
	height: 320px;
	background: #fff;
	border: 1px solid #e2e2e2;
	float: left;

}
.leftTell .contact_b{
	color: #333;
}

.leftTell .contact_tell{
	color: #666;
}
.rightTell{
	background: #fff;
	margin-left:414px;
	height: 320px;
	border: 1px solid #e2e2e2;

}
.contact.contact_noborder{
	height: 300px;
	padding-top: 50px;
	padding-bottom: 30px;
}
.contact.contact_noborder .contact_b{
	border:none
}
.contact.contact_noborder .next_left{
	top: 80px;
}
.rightTell h1{
	padding: 30px;
}
.rightTell .cont{
	padding: 30px;
}
.rightTell h1{
	font-size: 26px;
	color: #333;
	font-weight:normal ;
}
.rightTell .cont img{
	float: left;
}
.rightTell .cont .newTell{
	margin-left:200px;
	margin-top: 0;
	width:524px;
	background: url(../images/contUS.png) repeat-y;
}
.inputBox input,.inputBox textarea{
	border:none;
	border:1px solid #9bd2f9;
	color: #FFFFFF;
	background: transparent;
	font-size: 14px;
	padding: 5px 0;
	border-radius: 20px;
	margin-bottom: 10px;
	width: 100%;
	outline: none;
	text-indent: 2em;

}
.input_box{
	width: 48%;
	float: left;
}
.inputBox textarea{
	width: 100%;
	height: 100px;
}
.floatR{
	float: right;
}
.width35{
	width: 35%;
}
.width60{
	width: 60%;
}
.inputBox .submit{
	width: 25%;
	background: #fff;
	color: #3e88f1;
	text-align: center;
	text-indent: 0;
}
/*应用领域开发*/
.tab{
	padding: 0 340px;
	border-bottom: 1px solid #e2e2e2;
}
.tab li{
	padding:20px 0;
	width: 25%;
	float: left;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
}
.tab li.active{
	border-bottom: 2px solid #3e88f1;
}
/*应用领域首页*/

.inter{
	border:1px solid #e2e2e2;
	border-left:none;
	background: #FFFFFF;
	height: 360px;
	margin-bottom: 100px;
	margin-top: 80px;
}
.interItem{
	width: 298px;
	height: 360px;
	border-left: 1px solid #E2E2E2;
	float: left;
	position: relative;
}
.interItem h2{
	font-size: 22px;
	color: #333;
	font-weight: normal;
	margin: 20px 30px 10px 30px;
}
.interItem h6{
	font-size: 14px;
	color: #8c8c8c;
	font-weight: normal;
	margin:0 30px;
	letter-spacing: 1px;
	padding-bottom:25px;
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 25px;
}
.interItem li{
	padding: 8px 0 8px 30px;
	line-height: 25px;
}
.interItem li i{
	font-style: normal;

}
.interItem li .icon_small{
	float: left;
	margin-top: 3px;
}
.icon_small.icon_small_web1{
	background-position: 0 -98px;
}
.icon_small.icon_small_web2{
	background-position: -21px -98px;
}
.icon_small.icon_small_web3{
	background-position: -42px -98px;
}
.icon_small.icon_small_web4{
	background-position: -63px -98px;
}
.icon_small.icon_small_web5{
	background-position: -147px -98px;
}
.icon_small.icon_small_web6{
	background-position: -168px -98px;
}
.icon_small.icon_small_web7{
	background-position: -189px -98px;
}
.icon_small.icon_small_web8{
	background-position: -210px -98px;
}
.icon_small.icon_small_app1{
	background-position: -84px -98px;
}
.icon_small.icon_small_app2{
	background-position: -105px -98px;
}
.icon_small.icon_small_app3{
	background-position: -126px -98px;
}

.icon_small.icon_small_wechat1{
	background-position: -0px -124px;
}
.icon_small.icon_small_wechat2{
	background-position: -21px -124px;
}
.icon_small.icon_small_wechat3{
	background-position: -42px -124px;
}
.icon_small.icon_small_other1{
	background-position: -63px -124px;
}
.icon_small.icon_small_other2{
	background-position: -84px -124px;
}
.icon_small.icon_small_other3{
	background-position: -105px -124px;
}
.interItem a.look{
	font-size: 14px;
	/*padding-left: 30px;*/
	position: absolute;
	bottom: 35px;
	left: 30px;
}

.pop {
	width: 380px;
	height: 480px;
	position: absolute;
	left: -40px;
	top: -60px;
	background: #fff;
	box-shadow:0px 0px 30px #d4d4d4;
	z-index: 100;
}
.popTit{
	color: #fff;
	height: 60px;
	line-height: 60px;
	background: #000;
	color: #8c8c8c;
}
.popTit span{
	font-size: 22px;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 30px;
}
.pop .popList:last-child{
	border-bottom: none;
}
.popList{
	height: 140px;
	border-bottom: 1px solid #e2e2e2;
}
.popList:hover{
	background: #f8f8f8;
}
.popList .popCont{
	padding: 30px;
}
.popCont a{
	display: inline-block;
	width: 120px;
	height:30px;
	line-height: 30px;
	text-align: center;
	border:1px solid #E2E2E2;
	float: right;
	font-size:14px ;
}
.popCont a:hover{
	background: url(../images/btnBg.png) repeat-y;
	color: #fff;
	border-color: #f8f8f8;
}
.popCont p{
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: 35px;
	color: #666;
	padding-left: 25px;
	padding-top: 15px;
}
.popCont .icon_small{
	position: relative;
	top: 2px;
	margin-right: 0px;
}
.interItem .pop{
	display: none;
}
.interItem.active .pop{
	display: block;
}
/*case*/
.caseList{
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 40px 0;
}
.caseList h2{
	font-size: 22px;
	color: #000;
	font-weight: normal;
	padding: 10px 0;
}
.caseList h2:after{
	content: "";
	display: block;
	height: 1px;
	width: 64px;
	background: #000;
	position: relative;
	left: 50%;
	top: 8px;
	margin-left: -32px;
}
.caseList p{
	color: #666;
	margin-top: 3px;
}
.appList{
	width: 50%;
	float: left;
}
.appList .p20{
	border:1px solid #e2e2e2;
	margin: 0 10px;
	background: #fff;
}
.appBox{
	margin: 0 -10px;
	padding: 20px 0 40px 0;
}
.appList .icon_small{
	float: left;
}
.appList {
	margin-top: 20px
}
.appList p{
	color: #666;
	font-size: 14px;
	line-height: 25px;
	padding: 15px 0 20px 0;
	border-bottom: 1px solid #E2E2E2;
}
.casePic {
	padding: 20px 0;
	color: #666;
	font-size: 14px;
}
.casePic img{
	height: 25px;
	margin: 0 10px;
	position: relative;
	top: 2px;
}
.casePic span{
	color: #666;
	font-size: 14px;
}

.wrap>div{
	display: none;
}
.wrap div.active{
	display: block;
}
/*大图*/
.banner img{
	position: relative;
	left: 50%;
	margin-left: -960px;
}
/**/

.a-target:target{
	padding-top:44px;
}

